<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用原子组别名优化正则</title>
</head>
<body>
    <main>
        <a href="https://www.baidu.com">百度一下，你就知道</a>
        <a href="https://www.jimmy.com">鸡米工作室</a>
    </main>
</body>
<script>
    /*
        目标： 将a链接的链接地址 和文字内容提取出来
            以对象 {link:---,title:--}的形式存放在一个数组里面
    */
    // 要实现这么一个小功能 使用原子表别名是最简单的
        // 因为在使用别名的时候 已经自动的在以对象的形式存放数据了
        // 我们要做的就是将这些数据添加到一个数组里面而已
    const obj = document.querySelector('main')
    const reg = /<a.*?href=(['"])(?<link>[\s\S]+?)\1>(?<title>[\s\S]+?)<\/a>/ig
    const arr = []
    console.log(obj.innerHTML)
    console.log(obj.innerHTML.match(reg))
    // for of可以用来处理迭代对象
    for (const iterator of obj.innerHTML.matchAll(reg)) {
        arr.push(iterator.groups)
    }
    console.log(arr)
</script>
</html>